﻿<!DOCTYPE HTML>
<html>
    <head>
    	<title>SISMIT</title>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1">
        
        <script type="text/javascript" src="../js/librerias/xui-2.2.0.js"></script>
		<script type="text/javascript" charset="utf-8" src="../js/librerias/cordova-2.0.0.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/librerias/jquery.js"></script>
        <script type="text/javascript" src="../js/librerias/jquery.mobile-1.2.0.js"></script>
        <script type="text/javascript" src="../js/librerias/jquery-ajax-queue_1.0.js"></script>
        <script type="text/javascript" src="../js/librerias/jquery.ajaxmanager.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/parametros.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/parametros_base.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/modelos/Helper.js"></script>
        
        <!--Creador-->
        <script type="text/javascript" charset="utf-8" src="../js/consulta/ConsultarInfraccion.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/modelos/combo.js"></script>
        
        <script type="text/javascript" charset="utf-8">
			document.addEventListener("deviceready", onDeviceReady, false);
        </script>
        
        <link rel="stylesheet" href="../css/jquery.mobile-1.2.0.css" />
        <link rel="stylesheet" href="../css/jquery.mobile.structure-1.2.0.css" />
        <link rel="stylesheet" href="../css/jquery.mobile.theme-1.2.0.css" />
        <link rel="stylesheet" href="../css/sismit_theme.css" />
    </head>
    
    <body>
        <div data-role="page" id="consultarInfraccion" data-theme="a" data-title="SISMIT - Consultar Infracciones Municipales">
            <div data-role="header" data-position="fixed">
                <a id="atras" name="atras" data-role="button" data-icon="arrow-l" data-transition="slide">Atras</a>
                <table align="center">
                    <tr>
                        <td id="titulo_sistema" class="encabezado_pagina">
                        </td>
                    </tr>
				</table>
                <a id="inicio" name="inicio" data-role="button" data-icon="home" data-transition="slide" data-iconpos="right">Inicio</a>
            </div>
            
			<div data-role="content">
				<form>
                	<h3>Consultar Infracciones</h3>
                
					<div data-role="fieldcontain">
						<label for="id_tipo_consulta">Tipo de Consulta:<sup> * </sup></label>
                        <select id="id_tipo_consulta" name="id_tipo_consulta" data-mini="true">
                            <option value="">SELECCIONE</option>
                            <option value="ci" selected>IDENTIFICACIÓN</option>
                            <option value="placa">PLACA</option>
                            <option value="serial">SERIAL CARROCERÍA</option>
                            <option value="id_infraccion">ID INFRACCIÓN</option>
                            <option value="nro_boleta">NRO. BOLETA</option>
                        </select>
                    </div>
                    
                    <div id="div_tipo_ci" data-role="fieldcontain">
						<label for="id_tipo_ide_inf">Nacionalidad:<sup> * </sup></label>
                        <select id="id_tipo_ide_inf" name="id_tipo_ide_inf" data-mini="true">
                            <option value="">SELECCIONE</option>
                            <option value="V" selected>VENEZOLANO</option>
                            <option value="E">EXTRANJERO</option>
                        </select>
                        
                        <label for="nro_ide_inf">Cédula:<sup> * </sup></label>
						<input id="nro_ide_inf" name="nro_ide_inf" type="number" data-mini="true" placeholder="CÉDULA" required="required" pattern="[0-9]*" value="17285319" />
                    </div>
                     
                    <div id="div_tipo_placa" data-role="fieldcontain">
                        <label for="placa">Placa:<sup> * </sup></label>
						<input id="placa" name="placa" type="text" data-mini="true" placeholder="PLACA" required="required" value="MAC52D" onChange='convertir_Mayusculas(this);' />
                    </div>
                     
                    <div id="div_tipo_serial" data-role="fieldcontain">
                     	<label for="serial_carroceria">Serial de Carrocería:<sup> * </sup></label>
						<input id="serial_carroceria" name="serial_carroceria" type="text" data-mini="true" placeholder="SERIAL DE CARROCERÍA" required="required" value="AE1019819968" />
					</div>
                    
                    <div id="div_municipio_base" data-role="fieldcontain">
                        <label for="id_estado_base">Estado:<sup> * </sup></label>
                        <select id="id_estado_base" name="id_estado_base" data-mini="true">
                            <option value="">SELECCIONE</option>
                        </select>
                        
                        <label for="id_municipio_base">Municipio:<sup> * </sup></label>
                        <select id="id_municipio_base" name="id_municipio_base" data-mini="true">
                            <option value="">SELECCIONE</option>
                        </select>
                    </div>
                    
                    <div id="div_tipo_id_infraccion" data-role="fieldcontain">
                        <label for="id_infraccion">ID Infracción:<sup> * </sup></label>
						<input id="id_infraccion" name="id_infraccion" type="text" data-mini="true" placeholder="ID INFRACCIÓN" required="required" value="1" />
                    </div>
                    
                    <div id="div_tipo_nro_boleta" data-role="fieldcontain">
                        <label for="nro_boleta">Nro. Boleta:<sup> * </sup></label>
						<input id="nro_boleta" name="nro_boleta" type="text" data-mini="true" placeholder="NRO. BOLETA" required="required" value="0060051019543" />
                    </div>
                     
                    <div data-role="fieldcontain">   
                        <div id="campo_obligatorio" class="campo_obligatorio">* Campo Obligatorio</div>
						
						<br />
						<button id="consultar" name="consultar" type="button" data-theme="a" data-mini="true">Consultar</button>
					</div>
                    
                    <div data-role="fieldcontain" id="div_datos_inf">
						<h3>Información de la Infracción</h3>
						
                        <label for="id_infraccion_c">ID Infracción:</label>
						<input id="id_infraccion_c" name="id_infraccion_c" type="text" data-mini="true" placeholder="ID INFRACCIÓN" readonly="readonly" />	
						
						<div id="div_nro_boleta">
                            <label for="nro_boleta_c">Nro. Boleta:</label>
                            <input id="nro_boleta_c" name="nro_boleta_c" type="text" data-mini="true" placeholder="NRO. BOLETA" readonly="readonly" />
						</div>
                        
						<label for="fecha">Fecha de la Infracción:</label>
						<input id="fecha" name="fecha" type="text" data-mini="true" placeholder="FECHA DE LA INFRACCIÓN" readonly="readonly" />	
						
						<label for="hora">Hora de la Infracción:</label>
						<input id="hora" name="hora" type="text" data-mini="true" placeholder="HORA DE LA INFRACCIÓN" readonly="readonly" />
						
						<label for="nombre_status">Estatus de la Infracción:</label>
						<input id="nombre_status" name="nombre_status" type="text" data-mini="true" placeholder="ESTATUS DE LA INFRACCIÓN" readonly="readonly" />
                        
						<label for="observaciones">Observaciones:</label>
						<textarea id="observaciones" name="observaciones" data-mini="true" placeholder="OBSERVACIONES" readonly="readonly" rows="3" cols="31"></textarea>
					</div>
                    
                    <div data-role="fieldcontain" id="div_ubica_inf">
						<h3>Datos de la Ubicación</h3>
					
						<label for="nombre_estado">Entidad Federal:</label>
						<input id="nombre_estado" name="nombre_estado" type="text" data-mini="true" placeholder="ENTIDAD FEDERAL" readonly="readonly" />
							
						<label for="nombre_municipio">Municipio:</label>
						<input id="nombre_municipio" name="nombre_municipio" type="text" data-mini="true" placeholder="MUNICIPIO" readonly="readonly" />
						
                        <div id="div_parroquia">
                            <label for="nombre_parroquia">Parroquia:</label>
                            <input id="nombre_parroquia" name="nombre_parroquia" type="text" data-mini="true" placeholder="PARROQUIA" readonly="readonly" />
						</div>
                        
                        <div id="div_sector">
                            <label for="nombre_sector">Sector:</label>
                            <input id="nombre_sector" name="nombre_sector" type="text" data-mini="true" placeholder="SECTOR" readonly="readonly" />
						</div>
                        
						<label for="nombre_tipo_via">Tipo de Vía:</label>
						<input id="nombre_tipo_via" name="nombre_tipo_via" type="text" data-mini="true" placeholder="TIPO DE VÍA" readonly="readonly" />
						
						<label for="referencia">Referencia:</label>
						<textarea id="referencia" name="referencia" data-mini="true" placeholder="REFERENCIA" readonly="readonly" rows="3" cols="31"></textarea>	
					</div>
                    
                    <div data-role="fieldcontain" id="div_infractor">
						<h3>Datos del Infractor</h3>
					
						<label for="identificacion_infractor">Identificación del Infractor:</label>
						<input id="identificacion_infractor" name="identificacion_infractor" type="text" data-mini="true" placeholder="IDENTIFICACION DEL INFRACTOR" readonly="readonly" />
							
						<label for="nombre_infractor">Nombre del Infractor:</label>
						<input id="nombre_infractor" name="nombre_infractor" type="text" data-mini="true" placeholder="NOMBRE DEL INFRACTOR" readonly="readonly" />
						
						<label for="sexo">Sexo:</label>
						<input id="sexo" name="sexo" type="text" data-mini="true" placeholder="SEXO" readonly="readonly" />
							
						<label for="edad">Edad:</label>
						<input id="edad" name="edad" type="text" data-mini="true" placeholder="EDAD" readonly="readonly" />
                        
                       	<label for="grado_lic">Grado de la Licencia:</label>
						<input id="grado_lic" name="grado_lic" type="text" data-mini="true" placeholder="GRADO DE LA LICENCIA" readonly="readonly" />
						
						<label for="nombre_condi_per">Condición:</label>
						<input id="nombre_condi_per" name="nombre_condi_per" type="text" data-mini="true" placeholder="CONDICIÓN" readonly="readonly" />	
					</div>
                    
                    <div data-role="fieldcontain" id="div_infracciones">
						<h3>Infracciones Sancionadas</h3>
						
                        <div id="div_infra_san">
						</div>
                        
						<label for="importe">Importe:</label>
						<input id="importe" name="importe" type="text" data-mini="true" placeholder="IMPORTE" readonly="readonly" />
					</div>
                    
                    <div data-role="fieldcontain" id="div_datos_pag">
                    	<h3>Datos del Pago</h3>
                        
                        <label for="login_pago">Usuario de Registro:</label>
						<input id="login_pago" name="login_pago" type="text" data-mini="true" placeholder="USUARIO DE PAGO" readonly="readonly" />
                        
                        <label for="fecha_pago">Fecha de Pago:</label>
						<input id="fecha_pago" name="fecha_pago" type="text" data-mini="true" placeholder="FECHA DE PAGO" readonly="readonly" />
					</div>
                    
                    <div data-role="fieldcontain" id="div_datos_veh">
						<h3>Datos del Vehículo</h3>
					
						<label for="placa_c">Placa:</label>
						<input id="placa_c" name="placa_c" type="text" data-mini="true" placeholder="PLACA" readonly="readonly" />
							
						<label for="serial_carroceria_c">Serial Carrocería:</label>
						<input id="serial_carroceria_c" name="serial_carroceria_c" type="text" data-mini="true" placeholder="SERIAL CARROCERÍA" readonly="readonly" />
						
						<label for="marca">Marca:</label>
						<input id="marca" name="marca" type="text" data-mini="true" placeholder="MARCA" readonly="readonly" />
							
						<label for="modelo">Modelo:</label>
						<input id="modelo" name="modelo" type="text" data-mini="true" placeholder="MODELO" readonly="readonly" />
                        
                        <label for="anyo">Año:</label>
						<input id="anyo" name="anyo" type="text" data-mini="true" placeholder="AÑO" readonly="readonly" />
                        
                        <label for="color">Color:</label>
						<input id="color" name="color" type="text" data-mini="true" placeholder="COLOR" readonly="readonly" /> 
                        
                       	<label for="tipo">Tipo:</label>
						<input id="tipo" name="tipo" type="text" data-mini="true" placeholder="TIPO" readonly="readonly" />
                           
                        <label for="uso">Uso:</label>
						<input id="uso" name="uso" type="text" data-mini="true" placeholder="USO" readonly="readonly" />
					</div>
                    
                    <div data-role="fieldcontain" id="div_datos_rem">
						<h3>Datos del Remolque</h3>
                        
                        <label for="identificacion_operador">Identificación del Operador:</label>
						<input id="identificacion_operador" name="identificacion_operador" type="text" data-mini="true" placeholder="IDENTIFICACIÓN DEL OPERADOR" readonly="readonly" />
						
						<label for="nombre_operador">Nombre del Operador:</label>
						<input id="nombre_operador" name="nombre_operador" type="text" data-mini="true" placeholder="NOMBRE DEL OPERADOR" readonly="readonly" />
                        
                        <label for="placa_grua">Placa Grúa:</label>
						<input id="placa_grua" name="placa_grua" type="text" data-mini="true" placeholder="PLACA GRÚA" readonly="readonly" />
						
						<label for="nombre_estacionamiento">Nombre Estacionamiento:</label>
						<input id="nombre_estacionamiento" name="nombre_estacionamiento" type="text" data-mini="true" placeholder="ESTACIONAMIENTO" readonly="readonly" />
					</div>
                    
                    <div data-role="fieldcontain" id="div_datos_reg">
                    	<h3>Datos del Registro</h3>
                        
                        <label for="login_registro">Usuario de Registro:</label>
						<input id="login_registro" name="login_registro" type="text" data-mini="true" placeholder="USUARIO DE REGISTRO" readonly="readonly" />
                        
                        <label for="fecha_registro">Fecha de Registro:</label>
						<input id="fecha_registro" name="fecha_registro" type="text" data-mini="true" placeholder="FECHA DE REGISTRO" readonly="readonly" />
					</div>
                    
					<br />
					<button id="atras2" name="atras2" type="button" data-theme="a" data-mini="true" data-icon="arrow-l">Atras&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</button>
				</form>
            </div>
			
            <div data-role="footer" data-position="fixed">
                <div id="primer_pie_pagina" class="pie_pagina"></div>
                <div id="segundo_pie_pagina" class="pie_pagina"></div>
            </div>
        </div>
    </body>
</html>